.scan-management {
  height: 100%;
  display: flex;
  flex-direction: column;
  background: #f5f7fa;

  .scan-management-header {
    /* Add consistent horizontal padding so content isn't too close to the left */
    padding: 20px 24px;
    background: #fff;
    border-bottom: 1px solid #e8e8e8;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);

    h2 {
      margin: 0;
      font-size: 22px;
      font-weight: 600;
      color: rgba(0, 0, 0, 0.85);
      /* Keep simple; rely on header padding for spacing */
      max-width: none;
      padding: 0;
      letter-spacing: 0.5px;
    }
  }

  .scan-management-content {
    flex: 1;
    /* Match other pages' spacing and fix left-too-close issue */
    padding: 24px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    max-width: 1600px;
    width: 100%;
    margin: 0 auto;

    .ant-tabs {
      height: 100%;
      display: flex;
      flex-direction: column;
      background: transparent;

      .ant-tabs-nav {
        margin-bottom: 20px;
        padding: 0;
        background: #fff;
        border-radius: 8px;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
        padding: 8px 16px;

        &::before {
          border-bottom: none;
        }

        .ant-tabs-nav-wrap {
          .ant-tabs-nav-list {
            .ant-tabs-tab {
              padding: 12px 20px;
              font-size: 15px;
              font-weight: 500;
              color: #595959;
              transition: all 0.3s ease;
              border-radius: 6px;
              margin: 0 4px;

              &:hover {
                color: #1890ff;
                background: #f0f7ff;
              }

              &.ant-tabs-tab-active {
                color: #1890ff;
                background: linear-gradient(135deg, #e6f7ff 0%, #f0f7ff 100%);
                
                .ant-tabs-tab-btn {
                  color: #1890ff;
                  font-weight: 600;
                }
              }
            }

            .ant-tabs-ink-bar {
              display: none;
            }
          }
        }
      }

      .ant-tabs-content-holder {
        flex: 1;
        overflow: hidden;
        background: transparent;
      }

      .ant-tabs-content {
        height: 100%;
      }

      .ant-tabs-tabpane {
        height: 100%;
        overflow: auto;
        
        // 自定义滚动条
        &::-webkit-scrollbar {
          width: 8px;
          height: 8px;
        }

        &::-webkit-scrollbar-track {
          background: #f5f5f5;
          border-radius: 4px;
        }

        &::-webkit-scrollbar-thumb {
          background: #d9d9d9;
          border-radius: 4px;
          transition: background 0.2s ease;

          &:hover {
            background: #bfbfbf;
          }
        }
      }
    }
  }
}

// 响应式设计
@media (max-width: 1400px) {
  .scan-management {
    .scan-management-content {
      padding: 24px 24px;
    }
  }
}

@media (max-width: 1200px) {
  .scan-management {
    .scan-management-header {
      padding: 16px 24px;

      h2 {
        font-size: 20px;
      }
    }

    .scan-management-content {
      padding: 20px 20px;

      .ant-tabs {
        .ant-tabs-nav {
          padding: 6px 12px;

          .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
            padding: 10px 16px;
            font-size: 14px;
          }
        }
      }
    }
  }
}

@media (max-width: 768px) {
  .scan-management {
    .scan-management-header {
      padding: 12px 16px;

      h2 {
        font-size: 18px;
      }
    }

    .scan-management-content {
      padding: 16px;

      .ant-tabs {
        .ant-tabs-nav {
          padding: 4px 8px;
          margin-bottom: 16px;

          .ant-tabs-nav-wrap .ant-tabs-nav-list .ant-tabs-tab {
            padding: 8px 12px;
            font-size: 13px;
            margin: 0 2px;
          }
        }
      }
    }
  }
}
